<!doctype html>
<html class="no-js">
<head>
    <title>ZTE 中兴金融科技</title>
    {{include 'base/style.html'}}
    <link rel="stylesheet" href="{{=URL('static','assets/css/amazeui.datatables.min.css')}}">

</head>

<body>
<div class="row-content am-cf">
    <div class="row am-cf">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 widget-margin-bottom-lg">

            <div class="widget am-cf widget-body-lg">

                <div class="widget-body  am-fr">
                    <div class="am-scrollable-horizontal ">
                        <table width="100%" class="am-table am-table-striped am-table-bordered am-table-compact "
                               id="example-r">
                            <thead>
                            <tr>
              {{for row in igdata.keys():}} <th>{{=row}}</th> {{pass}}<th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            {{for rows in igdata:}} <tr class="gradeX">{{for i,row in enumerate(igdata.keys()):}} <td> {{=rows[i]}}</td> {{pass}}<td><a class="am-badge am-badge-primary">Free</a>
<a class="am-badge am-badge-secondary">Secondary</a></td></tr> {{pass}}
                            <!-- more data -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{{include 'base/jsFile.html'}}
<script src="{{=URL('static','assets/js/echarts.min.js')}}?v2018"></script>
<script src="{{=URL('static','assets/js/amazeui.datatables.min.js')}}"></script>
<script src="{{=URL('static','assets/js/dataTables.responsive.min.js')}}"></script>



<script>


$(function() {

            $('#example-r').DataTable({
                responsive: true,
                bAutoWidth : true,
                lengthMenu: [ 5,10, 25, 50, 75, 100 ],


            });


});

</script>

</body>
</html>